<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>小图世界-漫游天下-找图游戏</title>
<link rel="icon" href="../image/pics_2.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../image/pics_2.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="../css/slide.css"
	media="screen" />
<link rel="stylesheet" type="text/css" href="../css/page.css"
	media="screen" />
<link href="../css/imgbubbles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../js/slide.js"></script>
<script type="text/javascript" src="../js/jquery.timer.js"></script>
<script type="text/javascript" src="../js/imgbubbles.js"></script>
<script type="text/javascript" src="../js/sameImg.js"></script>

<script type="text/javascript">
	var pics = new Array();
	for (i = 0; i <= 18; i++) {
		pics[i] = new Image();
		pics[i].src = '../image/entertainment/remember/image' + i + '.png';
	}
	var map = new Array(1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9,
			10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18,
			18);
	var user = new Array();
	var temparray = new Array();
	var clickarray = new Array(0, 0);
	var ticker, sec, min, ctr, id, oktoclick, finished;

	jQuery(document).ready(function($) {
		$('ul#squares').imgbubbles({
			factor : 2.5
		}) //add bubbles effect to UL id="squares"
	})
</script>


<script type="text/javascript">
	var preIndex = 1;
	var nextIndex = 2;
	$(document).ready(function() {
		//每1秒执行
		$('body').everyTime('5s', function() {
			switchIcon();
		});
	});

	function switchIcon() {
		$('#switch' + preIndex).attr('src', '../image/2.png');
		$('#switch' + nextIndex).attr('src', '../image/1.png');
		$('#headCase').attr('src', '../image/head_case00' + nextIndex + ".jpg");

		if (nextIndex == 4) {
			nextIndex = 1;
			preIndex = 4;
		} else {
			if (preIndex == 4) {
				preIndex = 1;
			} else {
				preIndex++;
			}
			nextIndex++;
		}
	}
</script>
</head>
<body id="main_body" onload="init()">

	<!-- Panel -->
	<div id="toppanel">
		<div id="panel">
			<div class="content clearfix">
				<div class="left">
					<h1>付款方式</h1>
				</div>

				<div class="left">
					<h1>条款申明</h1>
				</div>
				<div class="left right">
					<h1>&nbsp;</h1>
				</div>

			</div>
		</div>
		<!-- /login -->
		<!-- The tab on top -->
		<div class="tab">
			<ul class="pay-rule">
				<li class="left">&nbsp;</li>
				<li>您好!</li>
				<li class="sep">|</li>
				<li id="toggle"><a id="open" class="open" href="#">付款方式 |
						条款申明</a> <a id="close" style="display: none;" class="close" href="#">关闭</a>
				</li>
				<li class="right">&nbsp;</li>
			</ul>
		</div>
		<!-- / top -->
	</div>
	<!--panel -->

	<div class="container">
		<div class="head_div001">
			<table style="width: 980px; height: 100%;" cellspacing="0">
				<tr>
					<td height="74"><img src="../image/site_logo.gif" border="0"
						style="vertical-align: middle; margin-left: 20px;" /></td>
				</tr>
				<tr>
					<td>
						<div style="width: 570px; float: left">
							<div style="height: 45px;">&nbsp;</div>
							<table cellspacing="0"
								style="width: 570px; height: 122px; margin-left: 20px;">
								<tr>
									<td width="190" height="27"
										style="border-right: 1px dashed #666; font-size: 14px; font-weight: bold;">上传</td>
									<td width="190"
										style="border-right: 1px dashed #666; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: bold;">发现</td>
									<td width="190"
										style="padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: bold;">分享</td>
								</tr>
								<tr>
									<td valign="top"
										style="border-right: 1px dashed #666; font-size: 14px; padding-right: 10px;">透過不同方法，將你的相片上
										載到 小图世界。 方法包括：網頁、移動裝置、 電郵或你最愛的相片處理應用 程式。</td>
									<td valign="top"
										style="border-right: 1px dashed #666; font-size: 14px; padding-left: 10px; padding-right: 10px;">透過回應和備註，與你的朋友保
										持聯絡並分享你的故事，兼可加 入豐富的資訊，例如標籤、位置 和人物。</td>
									<td valign="top"
										style="padding-left: 10px; padding-right: 10px; font-size: 14px">將你的相片上載到
										小图世界一次， 便可透過 Facebook、Twitter、電郵、 Blog 等輕鬆安全地分享這些相片。</td>

								</tr>
							</table>
						</div>
						<div style="width: 40px; float: left">&nbsp;</div>
						<div style="width: 351px; float: left;">
							<div style="height: 22px; margin-top: 4px;">
								<img src="../image/1.png" alt="" width="18" height="20"
									id="switch1" />&nbsp;<img src="../image/2.png" alt=""
									width="18" height="20" id="switch2" />&nbsp;<img
									src="../image/2.png" alt="" width="18" height="20" id="switch3" />&nbsp;<img
									src="../image/2.png" alt="" width="18" height="20" id="switch4" />&nbsp;
							</div>
							<div style="width: 351px; height: 132px;">
								<img src="../image/head_case001.jpg" width="351" height="132"
									border="0" id="headCase" />
							</div>
						</div></td>
				</tr>
				<tr>
					<td height="36"><table cellspacing="0"
							style="height: 20px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-left: 20px">
							<tr>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='index.html'">首页</label>
								</td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='record.html'">微图记录</label>
								</td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='shadow.html'">画影赏析</label>
								</td>
								<td style="float: left; width: 90px;; text-align: center">|</td>
								<td style="float: left; color: #15ADFF">漫游天下</td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='space.html'">我的空间</label>
								</td>
							</tr>
						</table></td>
				</tr>
			</table>

		</div>

		<div class="main_div001">
			<div style="margin-top: 20px; margin-left: 20px;">
				<div style="margin-left: 40px;">
					<ul id="squares" class="bubblewrap">
						<li><a href="puzzle.html"><img
								src="../image/icon/puzzle.png" alt="拼图游戏" /> </a></li>
						<li><a href="findImg.html"><img
								src="../image/icon/find.png" alt="找图游戏" /> </a></li>
						<li><a href="rememberImg.html"><img
								src="../image/icon/question.png" alt="记图游戏" /> </a></li>
						<li><a href="avoid"><img
								src="../image/icon/orbz_lightning.png" alt="闪躲游戏" /> </a></li>
						<li><a href="entertainment.html"><img
								src="../image/icon/back.png" alt="返回" /> </a>
						</li>
					</ul>
				</div>
			</div>

			<div style="margin-top: 40px; width: 540px; margin-left: 210px;">

				<form name="f">
					<table cellpadding="0" cellspacing="0" border="0">
						<script>
							for (r = 0; r <= 5; r++) {
								document.write('<tr>');
								for (c = 0; c <= 5; c++) {
									document.write('<td align="center">');
									document
											.write('<img src="../image/icon/same.gif" name="img'
													+ ((6 * r) + c)
													+ '" onclick="showimage('
													+ ((6 * r) + c)
													+ ');document.f.b.focus()" border=1/>');
									document.write('</td>');
								}
								document.write('</tr>');
							}
						</script>
					</table>
					<br />
					<br /> <input type="button" value="" name="b" onclick="init()" />
				</form>

			</div>

		</div>



		<div class="foot_div001" style="padding-top: 5px;">
			<div style="width: 400px; float: left;">&nbsp;&nbsp;Copy@Right&nbsp;&nbsp;2012&nbsp;&nbsp;兔兔虎工作室</div>
			<div style="text-align: right; width: 580px; float: left">
				<a href="#">关于我们</a> | <a href="#">隐私政策</a> | <a href="#">服务条款</a> |<a
					href="#"> 联系我们</a>&nbsp;&nbsp;
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
</body>
</html>